<template>
	<div>
		<!-- <el-card shadow="never">
			<div style="font-weight: 700">制单说明：</div>
			<div style="margin: 5px 0; font-size: 14px">货物类型-品牌：无仿牌、无电、无磁、无液体、粉末、颗粒及膏状等纯普通货物</div>
			<div style="font-size: 14px">货物类型-非品牌：带电或配套电池产品、带磁产品、含电机产品（少量带液体、粉末、膏体的产品）</div>
		</el-card> -->
		<el-card shadow="never" style="margin-top: 10px">
			<el-tabs v-model="activeName" class="demo-tabs">
				<el-tab-pane label="单个制单" name="first">
					<Single></Single>
				</el-tab-pane>
				<el-tab-pane label="批量制单" name="second">
					<Batch></Batch>
				</el-tab-pane>
			</el-tabs>
		</el-card>
	</div>
</template>

<script setup lang="ts">
import { ref, reactive } from "vue";
import type { TabsPaneContext } from "element-plus";
import Single from "./components/single.vue";
import Batch from "./components/batch.vue";

const activeName = ref("first");
</script>

<style lang="less" scoped></style>
